<template>
    <div class="content">
        <iframe 
        :src="externalUrl" 
        allow="microphone; camera; fullscreen"
        width="100%" 
        height="100%" 
        frameborder="0"
        title="External Page"
      ></iframe>
        <div class="topIcon" @click="logout">
        <img src="../../assets/images/home/tuichu.png" />
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            // externalUrl:"http://localhost:3000"
            // externalUrl:"https://kh.tyzfchina.com.cn:4436"
            externalUrl:"https://tyzfbj.com:4436/"
            // externalUrl:"https://tyzfbj.com:4436/?secret=c96272ed05198510bfd99724fe9d4bb2684ee8e2561494e267931d4bf3ff43a9"
        }
    },
    methods:{
        logout() {
            this.$router.push("/");
        }
    }
}
</script>
<style scoped>
.content{
    width: 100%;
    height: 100%;
}
.topIcon{
    position: fixed;
    z-index: 1000;
    right: 1.875rem;
    top: 1.875rem;
}
.topIcon,
.topIcon img {
  width: 3.5rem;
  height: 3.5rem;
  /* margin-right: 2rem; */
  cursor: pointer;
  z-index: 1;
}
</style>